<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像</title>
</head>

<body>
    <!--图像标签<img>-->
    <!--同一路径-->
    <!--设置边框"border";"height"与"width"同时设置容易造成图片压扁，因此一般只设置一个，另一个会自动调节-->
    <img src="p3.jpg" alt="图片3" title="111" height="228" border="5">
    <br>
    <!--下一路径-->
    <img src="picture/p2.jpg" alt="图片2" title="222" width="176">
    <br>
    <!--上一路径-->
    <img src="../p1.jpg" alt="图片一" title="333" width="176">
</body>

</html>